*{
    padding: 0;
    margin: 0;
}
.container{
    display: flex;
    justify-content:center;
    align-items:center;
    background: url("../img/bg.png") no-repeat;
    height: 100vh;
    background-size: cover;
    flex-direction: row;
}

.left{
    background-color:#fff;
    padding:95px;
    text-align: center;

}
h1 {
    font-family: Arial;
    font-size: 40px;
}
.input-1{
    margin-top:34px;
    margin-bottom: 22px;
    background: url("../img/yonghuming.png")no-repeat 10px #fafafa;

}
.input-2{
    margin-bottom: 22px;
    background: url("../img/mima.png")no-repeat 10px #fafafa;

}
h1 a{
    text-decoration:none;
    color: #222222;
}
input{
    border: 1px #e5e5e5 solid;
    border-radius: 5px;
    padding-left: 45px;
    width:342px;
    padding-bottom: 10px;
    padding-top: 10px;
    color:#bbb8c1;
    font-size: 15px;

}
input:focus{
    outline: none;
    border: 1px #999999 solid;
}
.logo-1{
    display: block;
}
button{
    width:389px;
    color:#fff;
    border-radius: 3px;
    padding-top: 13px;
    padding-bottom: 13px;
    background-color: #7554bf;
    border: 0;
}
button:hover{
    background-color: #5D42BF;
    cursor:pointer;
}
.right{
    background: url("../img/bg-login.png")no-repeat;
    padding: 133px 100px 189px 60px;

}
.right p a{
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}
.right p a:hover{
    color: #222222;
}
.right p:nth-of-type(1){
    margin-bottom:63px;
}
.right p:nth-of-type(2){
    line-height: 28px;
    background: url("../img/youjiantou.png") no-repeat 91px;
}
@media(max-width:600px){
    .container{
        flex-wrap: wrap;

    }
    .left{
        padding:50px;
    }
    input{
        width: 250px;
    }
    button{
        width:297px;
    }
    .right{
        width: 397px;
    }
}
